<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="icon" href="w5.png" type="ima-ge/x-icon">
    <link rel="stylesheet" type="text/css" href="css/blue/common.css"/>
    <link rel="stylesheet" type="text/css" href="css/blue/index.css"/>
    <link rel="stylesheet" type="text/css" href="css/ind.css"/>
    <link rel="stylesheet" type="text/css" href="css/page.css"/>
    <link rel="stylesheet" type="text/css" href="css/page1.css"/>
    <script src="https://cdn.staticfile.org/echarts/4.3.0/echarts.min.js"></script>
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
    <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <title>更多教师信息</title>
</head>
<body>
<div class="dw">
    <div class="header">
        <div class="logo">
            <a href="" style="color: white">高校数据采集管理平台</a>
        </div>
        <div class="nav" id="nav">
            <ul>
                <li><a href="/">上课情况统计</a></li>
                <li><a href="/jiaoxue_detail">教学楼情况统计</a></li>
                <li class="li1 shows"><a href="/more_jiaoshi">上课日志信息</a></li>
            </ul>
        </div>
        <div class="clear"></div>
    </div>
    <!---headerb start--->
    <div class="headerb">
        <div class="hleft">
            <span class="margin">您好！</span>
            <span class="margin">【<a href="">叶昌旺</a>】</span>
        </div>
        <div class="hbutton">

            <a href="/loginout" class="zx">[退出]</a>
        </div>
    </div>
</div>>

<div class="box">
    <div class="search">
        <div class="search_left">
            <a href="" class="btn btn-success" style="margin-right: 15px;"><i class="glyphicon glyphicon-repeat" aria-hidden="true"></i>刷新</a>
            <button class="btn btn-info" data-toggle="modal" data-target="#daoru" style="margin-right: 15px;"><i class="glyphicon glyphicon-open" aria-hidden="true"></i>导入</button>
            <button class="btn btn-danger" data-toggle="modal" data-target="#deletesome"><i class="glyphicon glyphicon-scissors" aria-hidden="true"></i>批量删除</button>
        </div>
        <div class="search_right row">
            <div class="col-md-4">
                <span>查看老师：</span>
                <input type="text" id="optname1" placeholder="请输入老师姓名" class="form-control" style="display: inline-block;width: 65%;line-height: 20px">
            </div>
            <div class="col-md-4">
                <span>按时间查询：</span>
                <input type="date" id="opttime1" class="form-control" style="display: inline-block;width: 65%;line-height: 20px;">
            </div>

        </div>
    </div>
    <div class="cont1" style="margin-top: 20px">

        <table class="table table-striped" style="margin-bottom: 5px !important;">
            <thead>
            <tr>
                <th>教师</th>
                <th>上课地点</th>
                <th>上课时间</th>
                <th>学院名称</th>
                <th>开锁方式</th>
<!--                <th>备注</th>-->
                <th>操作</th>
            </tr>
            </thead>
            <tbody class="fangshi">

            </tbody>
        </table>
        <img class="none_msg" style="width: 100%;" src="images/none.png" alt="">
        <img class="lodding" style="margin: 100px auto 350px" src="images/lodding.gif" alt="">
    </div>
    <div class="foot_box">
        <div id="myPage" class="demo" style="margin-left: 1px;" ></div>
        <div class="daochu" style="margin-left: 15px;">
            <button class="btn btn-info choose" data-toggle="modal" data-target="#daochu"><i class="glyphicon glyphicon-save" aria-hidden="true"></i>导出</button>
        </div>
    </div>
</div>

<!-- 模态框（Modal） 详情-->
<div class="modal fade" id="myModal_xiangqing" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="margin-top: 80px">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title" id="">操作备注</h4>
            </div>
            <div class="modal-body czbz">sda</div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal -->
</div>

<!-- 模态框（导出） -->
<div class="modal fade" id="daochu" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="margin-top: 50px">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                <h4 class="modal-title" id="myModalLabel">导出上课日志</h4>
            </div>
            <div class="modal-body">
                <div class="row">
                    <div class="col-md-3" style="line-height: 32px;text-align: right;">按上课地点导出：</div>
                    <div class="col-md-9">
                        <select class="form-control" id="rmname">
                            <option value="">全部导出</option>
                            <option value="1-">1号教学楼</option>
                            <option value="2">2号教学组团楼</option>
                            <option value="3">3号教学楼</option>
                            <option value="4">4号教学楼</option>
                            <option value="11">11号教学楼</option>
                        </select>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-3" style="line-height: 32px;text-align: right;">按时间导出：</div>
                    <div class="col-md-9">
                        <input type="date" id="opttime" class="form-control" style="line-height: 20px">
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-3" style="line-height: 32px;text-align: right;">按备注导出：</div>
                    <div class="col-md-9">
                        <select class="form-control" id="optcontext">
                            <option value="">全部导出</option>
                            <option value="刷卡">刷卡</option>
                            <option value="微信扫码">扫码</option>
                        </select>
                    </div>

                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-primary" id="export">确定导出</button>
            </div>
        </div>
    </div>
</div>

<!-- 模态框（导入） -->
<div class="modal fade" id="daoru" tabindex="-1" role="dialog" aria-labelledby="myModalLabel2" aria-hidden="true" style="margin-top: 50px">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title" id="myModalLabel2">批量删除</h4>
            </div>
            <form action="importExcel" method="post" enctype="multipart/form-data">
                <div class="modal-body">
                    <div class="row">
                        <div class="col-md-2">下载模板:</div>
                        <div class="col-md-10">
                            <a href="http://10.205.1.26:8080/downLoadFile?fileName=上课日志模板.xlsx">上课日志模板</a>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-2">选择文件:</div>
                        <div class="col-md-10"><input type="file" id="file" name="file"></div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                    <button type="submit" class="btn btn-info">确定导入</button>
                </div>
            </form>
        </div><!-- /.modal-content -->
    </div><!-- /.modal -->
</div>

<!-- 模态框（批量删除） -->
<div class="modal fade" id="deletesome" tabindex="-1" role="dialog" aria-labelledby="myModalLabel1" aria-hidden="true" style="margin-top: 50px">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title" id="myModalLabel1">批量删除</h4>
            </div>
            <div class="modal-body">
                <div class="row">
                    <div class="col-md-3" style="line-height: 32px;text-align: right;">按时间删除：</div>
                    <div class="col-md-9">
                        <input type="date" class="form-control" style="line-height: 20px">
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-danger">确定删除</button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal -->
</div>

</body>
<script type="text/javascript" src="js/blue/nav.js"></script>
<script type="text/javascript" src="js/sPage.js"></script>
<script type="text/javascript" src="js/more_jiaoshi.js"></script>
<script>

</script>
</html>